<template>
  <div class="problem">
    <van-sticky>
      <van-nav-bar
        title="常见问题"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </van-sticky>
    <div class="content">
      <div class="crud">
        <div class="title tips">一、手机号登录不了怎么办</div>
        <div>1.手机号登录时，密码是否输入正确。</div>
        <div>
          2.若密码输入正确也登录不了，请确定是否绑定好账号，也可以联系学校老师进行处理。
        </div>
      </div>
      <div class="crud">
        <div class="title tips">二、手机加载时间过长</div>
        <div>1.检查手机是否有网络。</div>
        <div>2.重新启动。</div>
      </div>
      <div class="crud">
        <div class="title tips">三、若页面弹出停止运行窗口，程序崩溃</div>
        <div>1.偶发情况重启即可。</div>
        <div>2.可能是手机不兼容。</div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    return {
      onClickLeft() {
        history.back()
      },
    }
  },
})
</script>

<style lang="less" scoped>
.problem {
  font-size: 14px;

  .content {
    padding: 10px;
    // background-color: rgba(255, 255, 255, 0.7);

    .crud {
      padding: 0 10px 15px;
      background-color: white;
      margin-top: 15px;
      border-radius: 5px;

      *:not(.title) {
        text-indent: 14px;
      }
    }

    > div:first-child {
      margin-top: 0;
    }

    .tips {
      font-weight: bold;
    }

    .title {
      padding: 10px 0;
    }
  }
}
</style>
